<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
        <base href="<%=basePath%>">
		<meta charset="UTF-8">
		<title>我的购物车-京东商城-教学测试</title>		
		<script src="js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/cart.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/cart/cart.css" />
		<link rel="stylesheet" type="text/css" href="css/common/footer.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/common/index_header_link.css"/>
	</head>
	<body>
	    <!--顶部头信息-->
		<jsp:include page="template/index_header_link1.jsp"></jsp:include>
		<!--顶部logo和搜索框-->
		<div class="header_logo_panel clearfix">
			<div class="jd_logo fl">
				<img src="img/jdlogo-201708-@1x.png" />
				<span class="logo_txt">
        			购物车
        		</span>
			</div>
			<div class="jd_top_search fr clearfix">
				<input class="search_input_txt fl" type="text" name="" id="" value="" placeholder="自营" />
				<input class="search_btn fl" type="button" name="" id="" value="搜索" />
			</div>
		</div>
		<!--购物车布局-->
		<div id="cart_panel">
			<!--购物车无商品-->
			<div class="cart_none_panel">
				<div class="cart_none_content">
					<ul>
						<li class="txt">购物车内暂时没有商品，登录后将显示您之前加入的商品</li>
						<li class="link">
							<input type="button" name="" class="login_btn" value="登录" />
							<a href="#">去购物></a>
						</li>
					</ul>
				</div>
			</div>
			<!--购物车有商品-->
			<div class="cart_warp">
				<!--全部商品标题-->
				<div class="cart_warp_top clearfix">
					<div class="fl title">
						全部商品
					</div>
					<div class="fr">
						配送
					</div>
				</div>
				<!--标题列表-->
				<div class="cart-thead clearfix">
					<div class="t-checkbox column">
						<input class="check_all" type="checkbox" name="" id="" value="" /> 全选
					</div>
					<div class="column t-goods">
						商品
					</div>
					<div class="column t-price">
						单价
					</div>
					<div class="column t-quantity">
						数量
					</div>
					<div class="column t-sum">
						小计
					</div>
					<div class="column t-action">
						操作
					</div>
				</div>
				<!--京东自营-->
				<div class="cart_zy clearfix">
					<div class="fl cart_zy_checkbox_panel">
						<input class="cart_zy_checkbox" type="checkbox" name="" id="" value="" />
					</div>
					<div class="fl">
						<a class="cart_zy_title" href="#">京东自营</a>
					</div>
				</div>
				<!--购物车产品列表容器-->
				<div class="cart_product_list_panel">
					<!--每件商品-->
					<div class="cart_item_panel">

						<!--单项顶部-->
						<div class="item-header clearfix">
							<div class="f-txt fl">
								<a href="#">购物满</a>
							</div>
							<div class="f-price fr">
								小计价格
							</div>
						</div>
						<!--产品详细内容-->
						<div class="item_details clearfix">
							<div class="item_details_content">
								<div class="item_check">
									<input class="i_check"  type="checkbox" name="" id="" value="" />
								</div>
								<div class="fl p-img">
									<img src="img/cart/5ab4afc0N03a5effd.jpg" />
								</div>
								<div class="fl p-title">
									<div class="p-name">
										<a href="#">
											<span class="market-icon">
											京东超市
										</span> 心相印婴儿抽纸 3层120抽面巾纸*18包（大规格/整箱销售/两款</a>
									</div>

								</div>
								<div class="fl p-props">
									颜色
								</div>
								<div class="fl p-price">
									¥72.90
								</div>
								<div class="fl p-quantity clearfix">
									<input class="decrement fl" value="-" />
									<input class="itxt fl" type="text" name="" id="" value="2" />
									<input class="increment fl" value="+" />
								</div>
								<div class="fl p-sum">
									¥145.80
								</div>
								<div class="fl p-ops">
									<a href="#">删除</a>
									<a href="#">关注商品</a>
								</div>
							</div>

						</div>
					</div>
					<!--每件商品-->
					<div class="cart_item_panel">
						<!--单项顶部-->
						<div class="item-header clearfix">
							<div class="f-txt fl">
								<a href="#">购物满</a>
							</div>
							<div class="f-price fr">
								小计价格
							</div>
						</div>
						<!--产品详细内容-->
						<div class="item_details clearfix">
							<div class="item_details_content">
								<div class="item_check">
									<input class="i_check" type="checkbox" name="" id="" value="" />
								</div>
								<div class="fl p-img">
									<img src="img/cart/5ab4afc0N03a5effd.jpg" />
								</div>
								<div class="fl p-title">
									<div class="p-name">
										<a href="#">
											<span class="market-icon">
											京东超市
										</span> 心相印婴儿抽纸 3层120抽面巾纸*18包（大规格/整箱销售/两款</a>
									</div>

								</div>
								<div class="fl p-props">
									颜色
								</div>
								<div class="fl p-price">
									¥72.90
								</div>
								<div class="fl p-quantity clearfix">
									<input class="decrement fl" value="-" />
									<input class="itxt fl" type="text" name="" id="" value="1" />
									<input class="increment fl" value="+" />
								</div>
								<div class="fl p-sum">
									¥145.80
								</div>
								<div class="fl p-ops">
									<a href="#">删除</a>
									<a href="#">关注商品</a>
								</div>
							</div>
						</div>

					</div>
					<!--购物车商品工具栏-->
					<div class="options-box clearfix">
						<div class="op-box-left fl">
							<div class="o-select">
								<input class="check_all" type="checkbox" name="" id="" value="" /> 全选
							</div>
							<div class="o-operation">
								<a href="#">删除选中的商品</a>
								<a href="#">移到我的关注</a>
								<a href="#">清理购物车</a>
							</div>
						</div>
						<!--操作栏右侧部分-->
						<div class="op-box-right fr clearfix">
							<div class="op-r-i sub_btn">
								去结算
							</div>
							<div class="op-r-i op-box-sum-panel">
								<div class="txt-new">					
									总价：<span class="sumPrice red">¥187.30</span>
								</div>
								<div class="sumreprice">
									已节省：-¥8.00
								</div>
							</div>
							<div class="op-r-i">
								已选择<span class="red subquan">3</span>件商品
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--引用底部模板页面-->
		<jsp:include page="template/index_footer.jsp"></jsp:include>
	</body>
</html>
